:root {
  --code-word-highlight-bg-color: rgb(66 66 66 / 10%);
  --code-word-highlight-border: rgb(120 120 120 / 40%);
}

[data-theme='dark'] {
  --code-word-highlight-bg-color: rgb(0 0 0 / 20%);
  --code-word-highlight-border: rgb(99 99 99 / 80%);
}

// notation word highlight
// - `// [\!code word:xxx]`
// - `// [\!code word:xxx:3]`
div[class*='language-'] {
  .highlighted-word {
    margin: -1px -2px;
    padding: 1px 2px;
    border: solid 1px var(--code-word-highlight-border);
    border-radius: 4px;

    background-color: var(--code-word-highlight-bg-color);
  }
}
